<script setup lang="ts">
import { RouterView, RouterLink, useRouter } from 'vue-router'
// import { onMounted } from 'vue';

// const router = useRouter()

// onMounted((): void => {
//   router.replace('/touchhead')
// })
</script>

<template>
  <section>
    <RouterLink to="/">首页</RouterLink>
    <RouterLink to="/setTime">自定义时间</RouterLink>
    <RouterLink to="/birthday">生日快乐</RouterLink>
    <RouterLink to="/touchhead">摸摸头</RouterLink>
    <RouterLink to="/todo">TODO</RouterLink>
    <RouterLink to="/ys/venti">温迪-哎嘿</RouterLink>
  </section>
  <RouterView />
</template>

<style lang="scss" scoped>
section {
  position: fixed;
  top: 10rem;
  right: 5rem;

  display: flex;
  flex-direction: column;

  width: 80rem;
  height: auto;

  text-align: center;
  z-index: 9999;
  user-select: none;
}

@media (min-width: 1024px) {}
</style>
